<template>
	<view class="box" hover-class="boxHover" hover-stay-time="50">
		<view class="inner" hover-class="innerHover" hover-stop-propagation>
			内部元素
		</view>
	</view>
	<view>----</view>

	<view>
		<navigator url="/pages/demo11/demo11?name=wangwu" open-type="reLaunch">
			跳转到demo11
		</navigator>
	</view>

	<navigator url="/pages/demo3/demo3">
		<image src="../../static/pic1.jpeg" mode=""></image>
	</navigator>

	<scroll-view scroll-x class="scrollView">
		<view class="box">scroll子元素</view>
		<view class="box">scroll子元素</view>
		<view class="box">scroll子元素</view>
		<view class="box">scroll子元素</view>
		<view class="box">scroll子元素</view>
		<view class="box">scroll子元素</view>
		<view class="box">scroll子元素</view>
		<view class="box">scroll子元素</view>
		<view class="box">scroll子元素</view>
		<view class="box">scroll子元素</view>
		<view class="box">scroll子元素</view>
		<view class="box">scroll子元素</view>
		<view class="box">scroll子元素</view>
		<view class="box">scroll子元素</view>
		<view class="box">scroll子元素</view>
		<view class="box">scroll子元素</view>
		<view class="box">scroll子元素</view>
		<view class="box">scroll子元素</view>
	</scroll-view>

	<view v-for="(item, index) in 50" :key="index">
		<view class="box">scroll子元素</view>
	</view>
</template>

<script setup>
	import {
		onReachBottom
	} from "@dcloudio/uni-app";
	onReachBottom(() => {
		console.log("到底了");
	});
	uni.showToast({
		title: "提示",
		mask: true,
		duration: 3000,
	});
	uni.setTabBarBadge({
		index: 0,
		text: "cs",
	});
	uni.showTabBarRedDot({
		index: 1,
	});
	uni.setStorageSync("name", "zhangsan");
</script>

<style lang="scss">
	@import "@/static/css/common.scss";

	@import "@/uni.scss";

	.scrollView {
		border: 1px solid red;
		height: 220px;
		width: 80%;
		white-space: nowrap;

		.box {
			width: 100px;
			height: 100px;
			background: green;
			display: inline-block;
			margin: 5px;
		}
	}

	body {
		background-color: $custom-color;
	}
</style>